<!--  Bootstrap 3-->
<link rel="stylesheet" href="stylesheets/bootstrap.min.css">

<!-- OWL Carousel -->
<link rel="stylesheet" href="stylesheets/owl.carousel.css">
<link rel="stylesheet" href="stylesheets/owl.theme.css">

<!--  Slider -->
<link rel="stylesheet" href="stylesheets/jquery.kenburnsy.css">

<!-- Animate -->
<link rel="stylesheet" href="stylesheets/animate.css">

<!-- Web Icons Font -->
<link rel="stylesheet" href="stylesheets/pe-icon-7-stroke.css">
<link rel="stylesheet" href="stylesheets/iconmoon.css">
<link rel="stylesheet" href="stylesheets/et-line.css">
<link rel="stylesheet" href="stylesheets/ionicons.css">

<!-- Magnific PopUp -->
<link rel="stylesheet" href="stylesheets/magnific-popup.css">

<!-- Tabs -->
<link rel="stylesheet" type="text/css" href="stylesheets/tabs.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/tabstyles.css" />

<!-- Loader Style -->
<link rel="stylesheet" href="stylesheets/loader-1.css">

<!-- Costum Styles -->
<link rel="stylesheet" href="stylesheets/main.css">
<link rel="stylesheet" href="stylesheets/responsive.css">

<div class="header">
    <div class="container">
        <div class="logo">
            <a href="/">
                <img src="images/logo.png" alt="Logo">
            </a>
        </div>

        <!-- Menu Hamburger (Default) -->
        <button class="main-menu-indicator" id="open-button">
            <span class="line"></span>
        </button>

        <div class="menu-wrap" style="background-image: url(images/nav_bg.jpg)">
            <div class="menu-content">
                <div class="navigation">
                    <span class="pe-7s-close close-menu" id="close-button"></span>
                    <div class="search-wrap js-ui-search">
                        <input class="js-ui-text" type="text" placeholder="搜索产品名称...">
                        <span class="eks js-ui-close"></span>
                    </div>
                </div>
                <nav class="menu">
                    <div class="menu-list">
                        <ul>
                            <li>
                                <a href="/">首页</a>
                            </li>
                            <li>
                                <a href="/about">关于我们</a>
                            </li>
                            <li>
                                <a href="/product_introduction">产品介绍</a>
                            </li>
                            <li>
                                <a href="/news_information">新闻动态</a>
                            </li>
                            <li>
                                <a href="/connect">联系我们</a>
                            </li>
                        </ul>
                    </div>
                </nav>

                <div class="hidden-xs">
                    <div class="menu-social-media">
                        <ul>
                            <li>
                                <a href="#">
                                    <i class="iconmoon-facebook"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="iconmoon-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="iconmoon-dribbble3"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="iconmoon-pinterest"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="iconmoon-linkedin2"></i>
                                </a>
                            </li>
                        </ul>
                    </div>

                    <div class="menu-information">
                        <ul>
                            <li style="font-family: 微软雅黑;"><span>电话:</span> 000 000 000</li>
                            <li style="font-family: 微软雅黑;"><span>邮箱:</span> example@mail.com</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- End of Menu Hamburger  -->
    </div>
</div>
